<template>
  <div>
    <Header></Header>
    <section>
      <ul>
        <li v-for="i in list">
          <h5>{{i.name}}</h5>
          <h6>{{i.accessControlLevel}}</h6>
          <h4>{{$utils.goodTime(i.updateTimestamp)}}</h4>
        </li>
      </ul>
    </section>
    <Footer></Footer>
  </div>
</template>
<script>
  import Header from '../components/header.vue'
  import Footer from '../components/footer.vue'
  export default {
    components: { Header, Footer },
    data () {
      return {
        list: []
      }
    },
    created () {
      this.pageData()
    },
    methods: {
      pageData () {
        this.$api.get('/courses/do/list', null, r => {
          this.list = r
        })
      }
    }
  }
</script>
